<template>
    
    <div>
    订单时间
    <el-date-picker
      v-model="vo.begindt"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
    ~
    <el-date-picker
      v-model="vo.enddt"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
    服务区域：
    <el-select v-model="vo.areaid" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
    运营商
   <el-select v-model="vo.service" placeholder="请选择">
    <el-option
      v-for="item in optionsYYS"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  订单状态
  <el-select v-model="vo.status" placeholder="请选择">
    <el-option
      v-for="item in optionsDdzt"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  服务方
  <el-input v-model="vo.comanyname" placeholder="请输入服务方" style="width: 400px"></el-input>
  订单id<el-input v-model="vo.ordernum" placeholder="请输入订单ID" style="width: 400px"></el-input>
  客户电话<el-input v-model="vo.remark" placeholder="请输入客户电话" style="width: 400px"></el-input>
    <el-button v-on:click="search" type="primary">查询</el-button>
    <el-button v-on:click="deleteall" type="primary">批量删除</el-button>
    <el-button v-on:click="add" type="primary">新加</el-button>




    </div>

</template>


<script>
import About from './About.vue'

export default {
    components: {
        About,
    },
    
     data() {
      return {
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
         optionsYYS: [{
          value: '1',
          label: '中国联通'
        }, {
          value: '2',
          label: '中国电信'
        }, {
          value: '3',
          label: '中国移动'
        }],

        optionsDdzt: [{
          value: '0',
          label: '待接收'
        }, {
          value: '1',
          label: '进行中'
        }, {
          value: '2',
          label: '已完成'
        }],
        vo:{},

        value: ''
      }
    }
    ,
    
    
    setup() {
        
    },
}
</script>